<#assign module="order"/>

<@override name="header">
<link rel="stylesheet" href="${ctx}/assets/css/form.css">
<link rel="stylesheet" href="${ctx}/assets/css/diaodu.css">

</@override>
<@override name="body">
			<div class="panel panel-default" id="realMap" style="position:relative;">
				<div class="panel-heading" style="padding:3px;">
				<table>
					<tr>
						<td>
							<select name="scope" id="scope" style="width:180px;height:30px;padding:0;margin-right:3px;" class="form-control">
					            <option value="500">500米范围内查找</option>
					            <option value="1000">1公里范围内查找</option>
					            <option value="2000" selected="selected">2公里范围内查找</option>
					            <option value="3000">3公里范围内查找</option>
					            <option value="5000">5公里范围内查找</option>
					            <option value="8000">8公里范围内查找</option>
					            <option value="10000">10公里范围内查找</option>
					            <option value="15000">15公里范围内查找</option>
					            <option value="20000">20公里范围内查找</option>
					        </select>
						</td>
						<td>
				            <input type="button" class="btn btn-default" onclick="window.location.href = '${ctx}/order/list'" value="返回" style="height:30px;padding:0px 12px;">
				            <input name="button" id="refresh-driver" type="button" class="btn btn-default" value="刷新" style="height:30px;padding:0px 12px;">
						</td>
						<td>
							&nbsp;&nbsp;|&nbsp;&nbsp;
						</td>
						<td>
							<a href="javascript:;" id="showAll" class="allstatus">服务人员总数：<span id="allDrivers">0</span> 人</a>&nbsp;&nbsp;
							<a href="javascript:;" id="showKongxian" class="driver-status kongxian_active"><span>空闲：<span id="kongxianDrivers">0</span>人</span></a>&nbsp;&nbsp;
							<a href="javascript:;" id="showPaidan" class="paidan"><span>派单：<span id="paidanDrivers">0</span>人</span></a>&nbsp;&nbsp;
							<a href="javascript:;" id="showManglu" class="manglu"><span>忙碌：<span id="mangluDrivers">0</span>人</span></a>&nbsp;&nbsp;
							<a href="javascript:;" id="showLixian" class="lixian"><span>下线：<span id="lixianDrivers">0</span>人</span></a>&nbsp;&nbsp;
							<a href="javascript:;" id="showWorkcar" class="workcar"><span>工作车：<span id="workcarDrivers">0</span>人</span></a>&nbsp;&nbsp;
						</td>
						<td>
							<a href="javascript:;" id="fullscreen">全屏显示</a>
						</td>
					</tr>
				</table>
				</div>
			    <div id="allmap" style="z-index: 9; height:560px;">
        		</div>
			</div>

</@override>
<@override name="footer">
<script src="//api.map.baidu.com/api?v=2.0&ak=AuNk3YS21DSmHEEvIFDf9dbD" type="text/javascript"></script> 
<script src="${ctx}/assets/js/RichMarker_min.js" type="text/javascript"></script>
<script type="text/javascript">
window.daijia = {
	ctx:'${ctx}',
	longitude:'${order.clientLongitude}',
	latitude:'${order.clientLatitude}',
	orderid:'${order.id}',
	orderNumber:'${order.orderNumber?if_exists}',
	userId:'<@shiro.principal property='id'/>'
};
</script>
<script src="${ctx}/assets/js/paidan.js" type="text/javascript"></script> 
</@override>
<@extends name="../layout.ftl"/>